.suggestionsPillsContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.suggestionsPill {
  background: var(--primary-bg-color-highlight);
  padding: 0.3rem 1rem;
  border-radius: 2rem;
  color: var(--primary-fg-color);
  border: 0.5px solid var(--separator-color);

  & + & {
    margin-left: 1rem;
  }

  &:hover {
    background: var(--hover-bg);
  }

  @media (max-width: 480px) {
    padding: 0.2rem 1rem;
    margin: 0.2rem;
  }
}
